웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

[제이쿼리] 이벤트 핸들러 live() 알아보기

Last Modified : 2017-11-28 / Created : 2015-03-12
2,533
View Count
제이쿼리의 이벤트 핸들러로는 bind(), delegate(), live(), on() 등등이 있습니다. 그 중에서 live() 이벤트 핸들러가 있는데 이에 대하여 알아봅니다. 이 이벤트 역시 bind()함수처럼 클릭이나 그 외의 이벤트를 연결해주는 핸들러로서 사용됩니다. 사용방법은 간단하며 아래와 같습니다.

$(선택요소).live('해당 이벤트')

그럼 아래에서 예제와 함께 알아보세요.


# 제이쿼리 이벤트핸들러 live() 예제보기

아래는 간단한 live() 이벤트 핸들러를 사용한 이벤트 등록 코드 예제입니다. 만약 id가 ele인 요소에 이벤트를 수행하는 경우 다음과 같습니다.
$('#ele').live('click', function() {
  alert('Hi');
});


!! 그러면, live() 함수가 bind() 같은 다른 핸들러 함수와의 차이점은 무엇일가요?
바로 현재에 해당하는 요소(element)가 없더라도 나중에 생성될 경우까지 적용될 수 있다는 점입니다. 즉, 이벤트를 수행할 엘리먼트 요소가 나중에 생기게 되면 그때 적용되어 수행하게됩니다. 즉 이벤트가 계속해서 적용된다는 점이지요.

! 참고사항

live() 함수는 deprecated 된 함수로써 1.9 이후부터는 삭제되었으니 on() 통합 이벤트핸들러를 사용해야합니다. 최근에는 제이쿠ㅏ리 구버전을 사용하지 않아 보기 힘든 핸들러 메서드입니다.

Previous

[제이쿼리] 자식 요소 선택방법 및 찾기, children()

Previous

[자바스크립트] 드래그로 선택된 영역의 텍스트 바꾸기